@import '../../style/index.scss';


.content {
    background-color: $bg-color2;
    width: 100vw;
    padding-bottom: 80px;
    & .head {
        margin-top: 40px;
        padding: 5%;
        background-color: $bg-color3;
        & .title {
            width: 100%;
            word-wrap: break-word;
            word-break: normal;
            & .title_text {
                font-size: $font4;
            }
            & .price {
                margin-top: 5px;
                font-size: $font3;
                color: $color3;
                font-weight: bold;
            }
            & .tag {
                margin-top: 5px;
            }
        }
    }
    & .box {
        margin: 20px 5% 20px 5%;
        background-color: $bg-color3;
        padding: 15px 10px;
        border-radius: 10px;
        & .item {
            padding-bottom: 10px;
            & .item_top {
                display: flex;
                align-items: center;
                justify-content: left;
                font-size: $font2;
                color: $color7;
            }
            & .item_bottom {
                margin-top: 2px;
                margin-left: 17px;
                color: $color4;
                font-size: $font;
                & .limit {
                    padding: 0 4px;
                }
                & .limit:first-child {
                    padding-left: 0;
                }
            }
        }
    }
    & .detail {
        margin: 20px 5% 20px 5%;
        border-radius: 10px;
        & .detail_title {
            font-size: $font4;
            margin-bottom: 10px;
            font-weight: bold;
        }
        & .detail_box {
            background-color: $bg-color3;
            padding: 15px 10px;
            border-radius: 10px;
            & .detail_item {
                margin-bottom: 20px;
                & .detail_head {
                    font-size: $font2;
                }
                & .detail_content {
                    font-size: $font2;
                }
            }
            & .selectBox {
                margin-top: 10px;
                font-size: $font2;
                color: $color4;
            }
        }
        & .detail_box2 {
            margin-top: 10px;
            padding: 15px 10px;
            background-color: $bg-color3;
            padding: 15px 10px;
            border-radius: 10px;
        }
    }
}
.bottom {
    background-color: $bg-color3;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100vw;
    padding: 10px 2%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    & .bottom_left {
        width: 7%;
        & .bottom_icon {
            margin-top: 2px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        & .bottom_text {
            color: $color4;
            text-align: center;
            margin-top: 2px;
            font-size: $font;
        }
    }
    & .bottom_right {
       
    }
}